﻿@model KL.Store.Web.Models.RegisterModel
@using KL.Store.Core
@using CaptchaMvc.HtmlHelpers;
@{
    Layout = null;
}
<div class="account-block-outer loginformouter">
    <div class="account-block-inner loginforminner">
        <h2>Kaydol</h2>
        @using (Ajax.BeginForm("RegisterPartial", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, new AjaxOptions { OnSuccess = "onSuccessLogin", UpdateTargetId = "registerform", HttpMethod = "Post", }, new { name = "register", id = "register", @class = "form-horizontal" }))
        { 
            <h3>Kişisel Bilgileriniz</h3>
            <div class="form-group">
                <label for="FirstName" class="col-xs-12">Adınız <span class="requireStar">*</span></label>
                <div class="col-xs-12">
                    @Html.TextBoxFor(model => model.FirstName, new { @class = "form-control", maxlength = "50", placeHolder = "Adınızı Yazınız" })
                    @Html.ValidationMessageFor(model => model.FirstName)
                </div>
            </div>
            <div class="form-group">
                <label for="LastName" class="col-xs-12">Soyadınız <span class="requireStar">*</span></label>
                <div class="col-xs-12">
                    @Html.TextBoxFor(model => model.LastName, new { @class = "form-control", maxlength = "49", placeholder = "Soyadınızı Yazınız" })
                    @Html.ValidationMessageFor(model => model.LastName)
                </div>
            </div>
            <div class="form-group">
                <label for="Email" class="col-xs-12">E-Posta Adresiniz <span class="requireStar">*</span></label>
                <div class="col-xs-12">
                    @Html.TextBoxFor(model => model.Email, new { @type = "email", @class = "form-control", maxlength = "50", placeholder = "E-Posta Adresinizi Yazınız" })
                    @Html.ValidationMessageFor(model => model.Email)
                </div>
            </div>
            <div class="form-group">
                <label for="ConfirmEmail" class="col-xs-12">E-Posta Adresiniz (Tekrar) <span class="requireStar">*</span></label>
                <div class="col-xs-12">
                    @Html.TextBoxFor(model => model.ConfirmEmail, new { @type = "email",  @class = "form-control", maxlength = "50", placeholder = "E-Posta Adresinizi Yazınız" })
                    @Html.ValidationMessageFor(model => model.ConfirmEmail)
                </div>
            </div>
            <div class="form-group">
                <label for="Mobile" class="col-xs-12">Mobil Telefon Numaranız</label>
                <div class="col-xs-12">
                    @Html.TextBoxFor(model => model.Mobile, new {  @type = "phone", @class = "form-control", maxlength = "40", placeholder = "Telefon Numaranızı Yazınız" })
                </div>
                @Html.ValidationMessageFor(model => model.Mobile)
            </div>
            <h3>Şifreniz</h3>
            <div class="form-group">
                <label for="Password" class="col-xs-12">Şifreniz <span class="requireStar">*</span></label>
                <div class="col-xs-12">
                    @Html.PasswordFor(model => model.Password, new { @class = "form-control", maxlength = "20", placeholder = "Şifrenizi Yazınız", autocomplete = "off" })
                    @Html.ValidationMessageFor(model => model.Password)
                </div>
            </div>
            <div class="form-group">
                <label for="ConfirmPassword" class="col-xs-12">Şifreniz (Tekrar) <span class="requireStar">*</span></label>
                <div class="col-xs-12">
                    @Html.PasswordFor(model => model.ConfirmPassword, new { @class = "form-control", maxlength = "20", placeholder = "Şifrenizi Yazınız", autocomplete = "off" })
                    @Html.ValidationMessageFor(model => model.ConfirmPassword)
                </div>
            </div>
            if (Parameters.UseCaptchaOnRegister)
            {
            <hr />
            <h3>Doğrulama</h3>
            @Html.Captcha("Yenile", "Doğrulama kodunu giriniz.", 5, "Bu alan zorunludur.");
            }   
            <hr />         
            <h3>Bilgi ve Kampanya Mesajları</h3>
            <label for="NewsLetter">E-Posta</label>
            @Html.CheckBoxFor(model => model.NewsLetter)
            <label for="CampaingSMSAndEmail">SMS</label>
            @Html.CheckBoxFor(model => model.CampaingSMSAndEmail)
            <p>Eposta ve SMS üyeliğiniz sonrasında fırsat ve kampanyalarımız hakkında bilgilendirme yapılacaktır.</p>
            if (!ViewData.ModelState.IsValid)
            {
            <div class="bg-danger bs-bgb">
                @Html.ValidationSummary(true, "Kayıt işlemi başarısız oldu. Lütfen eksik bilgileri kontrol ediniz.")
            </div>
            <br />
            }
            <input type="submit" class="btn btn-custom1 padd" value="Kayıt  Olun" />
            <div class="clearfix"></div>
        }
    </div>
</div>
<script>
    var onSuccessRegister = function (result)
    {
        if (result.url)
        {
            $("#registerform").html("<div style=\"display:block; text-align:center;\"><br /><br /><img src=\"/Images/@Parameters.Theme/loginLoading.gif\" /><br /><br /><h4>Lütfen Bekleyin</h4></div>");
            window.location.href = result.url;
        }
    }
</script>
@Html.Raw(Parameters.RegisterTraceScript)